//x < 800 的 版心720
@media screen and (max-width: 900px) {
  .logo {
      height: 25px;
    &.logo-ekt {
        height: 20px;
    }
      &.min {
          height: 20px;
      }

      +.vm {
          font-size: 0;
      }
  }

  .headerNav {
      height: 30px;
      min-width: 720px;
      z-index:10;
      div {
          width: 720px;
          position:relative;
      }

      h1 {
          height: 30px;
          line-height: 30px;
          font-size: 14px;
      }

      ul {
          height: 30px;

          li {
              height: 30px;
              line-height: 30px;
              padding: 0 12px;
              font-size: 14px;
              // border-bottom: 4px solid #66bea7;
          }
      }

      .user-class {
          height:30px;
          line-height: 30px !important;
          font-size: 12px;
          width: 90px !important;
          p{
              line-height: 30px !important;
              font-size:12px;
          }
          img{
              top:14px;
          }
          a {
              font-size: 12px;
              position:absolute;
              top:100%;
              right:0;
          }
      }
  }

  .qrcode-pop {
      .qrcode-main {
          height: 55%;

          img {
              width: 300px;
          }

          .qrcode-text {
              width: 300px;

              h2 {
                  font-size: 18px;
                  font-weight: bold;
              }

              p {
                  margin-top: 10px;
              }

              p,
              li {
                  font-size: 14px;
                  font-weight: bold;
              }
          }
      }
  }

  a.more-item {
      top: -6px;
      width: 18px;
      height: 18px;
      background-size: 16px auto;
  }

  a.toggle-item {
      width: 18px;
      height: 18px;
      background: url("../img/toggle.png") no-repeat center;
      background-size: 16px auto;
      display: inline-block;
      position: absolute;
      left: -20px;
      top: 22px;
  }

  .mainCon {
      top: 30px;

      .conHeader {
          width: 720px;
          height: 46px;
          padding: 0px 0 4px 0;
          line-height: 20px;
          font-size: 14px;
          .address {
              width: 255px;
              font-size: 12px;
          }
          .address-text{
              width:300px;
              font-size: 12px;
          }
          span {
              font-size: 12px;
          }

          .second-nav .nav-item{
            padding: 0 6px;
              height:46px;
              line-height:46px;
              &.nav-active span{
                  height:46px;
                  line-height:46px;
              }
          }
      }
      .mainCon-box{
          width: 720px;
          height: calc(~"100% - 70px");
          margin: 0 auto;
          padding-top:0;
          padding-bottom: 16px;
          box-sizing: border-box;
          //box-shadow: 0px 0px 5px #dadada;
          //background: #FBFBFD;
      }

      .conMain {
          width: 720px;
          height: 100%;
          padding-bottom: 16px;
          .order-maintain-box{
              width:95% !important;
          }
          >.side-left {
              width: 230px;

              h3 {
                  font-size: 14px;
              }

              .btn {
                  height: 30px;
                  line-height: 30px;
                  font-size: 14px;
              }

              .input-wrap.patients {
                  padding-top: 6px;

                  input.add {
                      line-height: 29px;
                      height: 30px;
                  }

                  .patient-input {
                      margin-left: 5px;

                      input {
                          font-size: 12px;
                      }

                      .clear-btn {
                          top: 8px;
                      }
                  }
              }

              .input-wrap input[type='button'] {
                  font-size: 12px;
                  height: 28px;
                  line-height: 28px;
              }

              .input-wrap input,
              .input-wrap>span {
                  height: 30px;
                  line-height: 28px;
                  font-size: 13px;
              }

              .detail {
                  margin-top: 5px;
                  padding: 4px;

                  span {
                      font-size: 12px;
                  }

                  div {
                      min-height: 22px;
                      padding-left: 52px;
                      font-size: 12px;
                  }
              }
          }

          >.side-right {
              width: 460px;

              &.noTitle {
                  .select-wrap .itemLi {
                      height: 108px;
                      line-height: 108px;
                      font-size: 14px;

                      img {
                          left: 37%;
                          width: 30%;
                      }
                  }

                  .select-wrap.horizontal .itemLi {
                      height: 30px;
                  }
              }

              .select-wrap {
                  div {
                      height: 31px;
                      line-height: 30px;
                  }

                  span {
                      height: 30px;
                      line-height: 30px;
                      font-size: 14px;
                  }
              }

              .title {
                  font-size: 14px;
                  line-height: 20px;
                  height: 30px;
              }

              .select-handle {
                  height: 28px;

                  .change-btn {
                      font-size: 12px;
                      border-radius: 3px;
                  }
              }
          }

          .side-left.order-con .input-wrap .title {
              width: 68px;
              height: 30px;
              line-height: 29px;
              text-align: right;
              font-size: 12px;
          }

          .side-left.order-con .input-wrap .con-txt {
              padding: 0 16px 0 69px;
          }
      }

      .fasterKey {
          h4 {
              padding: 10px 0;
              font-size: 14px;
          }

          div {
              input {
                  width: 400px;
                  height: 30px;
                  font-size: 14px;
              }

              button {
                  margin-top: 15px;
                  width: 130px;
                  height: 28px;
                  font-size: 14px;
              }
          }

          .select-pop {
              height: 80%;
              width: 700px;

              .select-head {
                  input {
                      display: inline-block;
                      margin: auto;
                      margin-bottom: 20px;
                  }

                  button {
                      width: 100px;
                      height: 35px;
                      margin-left: 10px;
                  }
              }

              .select-body {
                  .select-left {
                      width: 15%;
                      height: 600px;

                      .item-li {
                          width: 85%;
                          height: 105px;
                          line-height: 105px;
                      }
                  }
              }

              .itemUl {
                  .itemLi {
                      float: left;
                      width: calc(~'25% - 10px');
                      height: 135px;
                      margin: 0 0 10px 10px;
                      background-color: #dadada;
                      font-size: 16px;
                      line-height: 135px;
                  }
              }
          }

          .confirm-pop {
              width: 660px;

              .confirm-head {
                  height: 30px;
                  line-height: 22px;
                  padding: 4px 8px;
                  font-size: 14px;

                  .close {
                      font-size: 18px;
                      line-height: 22px;
                  }
              }

              .confirm-body {
                  p {
                      font-size: 14px;
                      text-align: center;
                      margin: 5px;
                  }

                  .con-p {
                      text-align: left;
                      margin-left: 10px;
                      margin-top: 10px;
                      font-size: 14px;
                  }

                  .select-item .btn {
                      font-size: 14px;
                      height: 165px;
                      line-height: 165px;
                  }
              }

              .confirm-left {
                  width: 272px;
                  padding: 0;

                  .input-wrap .title,
                  .input-wrap .con {
                      font-size: 14px;
                  }
              }

              .confirm-right {
                  width: 340px;
                  padding: 0;

                  .itemUl .itemLi {
                      height: 74px;
                      line-height: 74px;

                      span {
                          font-size: 14px;
                      }
                  }

                  .iconLi .itemLi {
                      img {
                          width: 35%;
                      }

                      span {
                          line-height: 16px;
                          margin-top: 40%;
                      }
                  }

                  .select-wrap {
                      margin-top: 0;
                  }

                  .title {
                      margin-top: 8px;
                  }
              }
          }

          .patientModal {
              border-radius: 0;
              top: 40%;
          }

          .custom-box {
              width: 710px;

              p {
                  font-size: 14px;
              }

              .custom-item {
                  width: 130px;
                  margin-right: 10px;

                  span:nth-child(1) {
                      font-size: 14px;
                  }
              }

              .add-btn {
                  width: 50px;
                  font-size: 20px;

                  &:hover {
                      background: #f90;
                      color: #fff;
                  }
              }
          }
      }

      .fasterCon {
          width: 600px;
          height: 340px;
          margin-left: -300px;

          .lis {
              height: 246px;

              .side-left {
                  width: 310px;
                  padding-left: 8px;
              }

              .side-right {
                  width: 290px;
                  padding: 0 8px;
              }
          }

          h4 {
              height: 40px;
              line-height: 40px;
              font-size: 14px;
          }

          .input-wrap {
              padding-bottom: 10px;
          }

          .input-wrap span {
              font-size: 12px;
              line-height: 26px;
              width: 64px;
          }

          .input-wrap>div {
              margin-left: 64px;
              font-size: 12px;
              padding: 3px;
              line-height: 26px;
              min-height: 26px;

              input,
              textarea {
                  font-size: 14px;
                  line-height: 26px;
              }
          }

          .btn {
              margin: 10px 10px 0;
              height: 30px;
              line-height: 28px;
              font-size: 12px;
          }
      }

      .order-lis {
          padding-top: 0px;

          .table-wrap {
              .icon-comment-td {
                  img {
                      width: 16px;
                  }
              }
          }
      }
  }

  .waste-icon {
      width: 20px;
      height: 22px;
      margin-bottom: 0;
  }

  .clear-btn {
      top: 23px;
      right: 10px;
      width: 14px;
      height: 14px;
      border-radius: 10px;
      line-height: 12px;
      font-size: 10px;
  }

  .tips {
      font-size: 12px;
  }

  table td {
      font-size: 12px;
  }

  .print-status span {
      background-size: 13px;
  }

  .fill-wrap {

      .search-btn,
      .print-btn {
          font-size: 12px;
      }
  }

  .order-lis .select-btn {
      width: 10px;
      height: 10px;
  }

  .right-tips {
      right: 8px;
      bottom: 8px;
      // width: 60px;
      // height: 60px;
      // background-size: auto 58px;
      width: 60px;
      height: 60px;

      //background-size: auto 58px;
      //&:hover{    // 万圣节版
      //    background-size: auto 58px;
      //}
      .right-tips-text {
          //top: -62px;
          padding: 7px;

          h2 {
              font-size: 14px;
          }

          p {
              font-size: 12px;
          }

          .tab-show {
              padding: 10px 0 3px;
              font-size: 12px;
          }
      }

      .right-tips-text {
          // 新
          top: -111px;
      }

      .default-img {
          width: 72%;
      }
  }

  .right-tips-2 {
      bottom: 8px;
      width: 65px;
      height: 55px;
      background-size: auto 58px;
      right: 60px;

      &:hover {
          background-size: auto 58px;
      }
  }


  .his-item .auto-load .on-off {
      height: 18px;
      line-height: 18px;
  }

  .his-item .auto-load .on-off .on-off-icon {
      height: 12px;
      width: 12px;
  }

  .his-item .hint.refresh {
      background-size: 18px auto;
  }

  .his-item .hint.more {
      padding: 13px;
      background-size: 18px auto;
  }

  .pop-wrap .handle-btn .btn {
      padding: 3px 18px;
      margin: 0 6px;
      font-size: 12px;
  }

  .patientModal {
      .pHead {
          font-size: 16px;
          padding-top: 11px;
          padding-bottom: 6px;
      }

      .pBody {
          line-height: 20px;
          font-size: 14px;
      }

      .pBottom {
          padding-top: 10px;
          padding-bottom: 15px;

          button {
              margin: 0 12px;
              padding: 7px 0;
              font-size: 14px;
          }
      }
  }

  .mainCon .conMain>.side-right .select-handle .search-input input {
      font-size: 12px;
  }

  .patientModal.printModal .pHead {
      font-size: 18px;
  }

  .no-txt {
      font-size: 14px;
  }

  .istoday {
      background-size: 40px auto;
  }

  .setBad-btn {
      padding: 4px;
      font-size: 12px;
  }

  table {
      tr.white {
          td {
              border: 0;
              font-size: 18px;
              font-weight: bold;

              &:first-child {
                  span {
                      margin-right: -15px;
                  }
              }

              &:nth-child(2) {
                  span {
                      margin-left: 4px;
                  }
              }

              &:nth-child(3) {
                  span {
                      margin-left: -15px;
                  }
              }

              &:nth-child(4) {
                  span {
                      margin-left: -60px;
                  }
              }
          }
      }

      .mon-thead {
          td:first-child {
              width: 40px;
          }

          td:nth-child(2),
          td:nth-child(3) {
              width: 35px;
          }
      }
  }

  .state-tips {
      bottom: 52px;
      right: 79px;
  }
  .conHeader-box--cloth {
      height: 40px;
      overflow: hidden;
      .conHeader-cloth {
          margin-bottom: 0;
          padding-right: 0;
          height: 57px;
          overflow-x: scroll;
      }
  }

}